ul {
    list-style-type: none
  }

  .father_container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .father_container .want_design {
    width: auto;
    height: 28px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 55px;
  }

  .father_container ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #F8F8F8;
  }
  .container_vi_template .vi_list_ul {
    /* background: #14cfa6; */
  }

  .father_container .swiper-container {
    width: auto !important;
    height: auto !important;
    margin: 0;
    margin-left: 15px;
    position: relative;
  }

  .father_container ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
    width: auto !important;
    height: auto !important;
  }

  .father_container ul li:first-child {
    margin: 0;
    margin-right: 20px !important;
  }

  .father_container ul li .icon_contariner {
    width: 50px;
    height: 50px;
    /* border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E4E4E4;
  }

  /* .father_container ul li .icon_contariner:hover {
     background: #14CFA6;
  } */
  .father_container ul li .icon_contariner img {
    width: 34px;
    height: 34px;
  }

  .type_f_name {
    margin: 8px 0 6px 0;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 17px;
  }



  .onChecked {
    background: #14CFA6 !important;
    border: 1px solid #14CFA6 !important;
  }

  .child_container_div {
    position: relative;
    margin: 15px 0 5px 0;
  }

  .children_container,
  .father_tag {
    position: initial !important;
    min-width: 200px;
    background: #F8F8F8;
  }

  .container_swiper_div {
    position: relative;
    width: auto;
    cursor: pointer;
  }

  .children_container .wrapper_container {
    display: flex;
    width: auto;
    height: auto;
  }

  .children_container .wrapper_container .child_f_node {
    width: 164px !important;
    height: 145px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    margin-right: 15px;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .children_container {
    height: auto !important;
    background: #F8F8F8;
    cursor: pointer;
  }

  .child_f_node .child_icon_container {
    width: 50px;
    height: 50px;
  }

  .child_icon_container img {
    width: 100%;
    height: 100%;
  }

  .child_title {
    margin: 15px 0 3px 0;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 20px;
  }

  .child_size {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 17px;
  }

  .swiper-container {
    width: 100%;
    height: 160px;
  }

  .swiper-button-disabled {
    display: none;
  }

  .child_container_div .roll_next,
  .father_tag .roll_next {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    background: url("../../images/newDesign/roll_prev01.png") no-repeat center #fff;
    background-size: 20px auto;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -20px;
    z-index: 100;
    cursor: pointer;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  }

  .child_container_div .roll_next:hover,
  .father_tag .roll_next:hover {
    background: url("../../images/newDesign/roll_prev02.png") no-repeat center #14cfa6;
    background-size: 20px auto;
  }

  .child_container_div .roll_prev,
  .father_tag .roll_prev {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    background: url("../../images/newDesign/roll_next01.png") no-repeat center #fff;
    background-size: 20px auto;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -20px;
    z-index: 100;
    cursor: pointer;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  }

  .child_container_div .roll_prev:hover,
  .father_tag .roll_prev:hover {
    background: url("../../images/newDesign/roll_next02.png") no-repeat center #14cfa6;
    background-size: 20px auto;
  }

  .checkTextDiv {
    color: #14CFA6 !important;
  }

  .hoverBg {
    border: 1px solid #14cfa6 !important;
  }

  .hover_style {
    border: 1px solid #14CFA6 !important;
  }